<template>
  <div id="app">
    <button @click.stop="localStorage">点击跳转到本地存储页面</button>
    <button @click.stop="localStorage2" :style="{'margin-left':'10px'}">点击跳转子夫传参页面</button>
    <button @click.stop="localStorage3" :style="{'margin-left':'10px'}">点击跳转vue动画页面</button>
     <button @click.stop="localStorage4" :style="{'margin-left':'10px'}">点击跳转vue动画过渡页面</button>
    <router-view/>
  </div>
</template>

<script>

export default {
  name: 'App',
  data() {
    return {
     
    };
  },
  methods: {
    localStorage() {
        this.$router.push('/localStorage');  
    },
     localStorage2() {
        this.$router.push('/school');  
    },
    localStorage3() {
        this.$router.push('/animation');  
    },
    localStorage4() {
        this.$router.push('/spend');  
    },
  },
  components: {
  },
}
</script>
<style lang="less" scoped>
.school{
    color: red;
}
</style>
